<template>
	<div class="form">
		<div class="detail_box">
			<h3>提现佣金情况</h3>
			<div>
				<p class="detail_row">
					<span class="title">今日所得佣金金额</span>
					<span>{{financeData.brokerageToday}}</span>
				</p>				
				<p class="detail_row detail_row_last">
					<span class="title">本月所得佣金金额</span>
					<span>{{financeData.brokerageMonth}}</span>
				</p>
			</div>			
		</div>					
	</div>
</template>

<script type="text/javascript">
	import {financeBrokerage} from '@/api/common'
	export default {
		created(){
			this.query();
		},
		methods: {					
			query(){											//查询
				financeBrokerage().then(res =>{
					console.log(res)
					this.financeData = res.data;
				}).catch(res =>{
					this.$message.error(res.msg)
				})
			},						
		},
		data() {
			return {
				financeData:{}
			}
		}
	}
</script>

<style scoped="scoped">
	.detail_box {
		margin-top: 30px;	
		width:50%
	}
	.detail_box div {
		border:1px solid #DDDDDD;
		margin-left: 100px;
	}
	.detail_box h3 {
		font-size: 24px;
		color:#6b91ce;
		font-weight: bold;
		margin: 10px 0;
	}
	.detail_box .detail_row {
		border-bottom: 1px solid #dddddd;
		font-size: 18px;
		color:#6b91ce;
		text-align: center;
		padding:0;
		margin: 0;
	}
	.detail_box .detail_row_last {
		border:0;		
	}
	.detail_box .detail_row span {
		display: inline-block;
		width:38%;
		padding: 10px;
	}
	.detail_box .detail_row .title {
		color:#333333;
		border-right: 1px solid #dddddd;
		width:60%;
	}
</style>